@import "YFree_Extension.css";

html {
    --YThemeColor: #000000;
    --YThemeColor_pressed: #AAAAAA;
    height: 100%;
    overflow: hidden;
}

body {
    background: #efeff4;
    font-size: 14px;
    height: 100% !important;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    word-break: break-all;
}

input {
    font-size: 16px;
}

img {
    vertical-align: top;
}

object {
    float: left;
}

.yClearfix {
    *zoom: 1;
}

.yClearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.yContainerRowCenter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.yContainerRowCenter_h {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.yContainerRowCenter_v {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.yContainerColumnCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.yContainerColumnCenter_h {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yContainerColumnCenter_v {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yAlignStart {
    align-self: flex-start;
}

.yAlignEnd {
    align-self: flex-end;
}

.yWeight {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
}

.yMatch {
    width: 100%;
    height: 100%;
}

.yMatch_w {
    width: 100%;
}

.yMatch_h {
    height: 100%;
}

.yFixedFull {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.YDivider {
    background: #EEEEEE;
    width: 100%;
    height: 1px;
}

.YDividerPLR {
    width: calc(100% - 2rem);
    background: #EEEEEE;
    height: 1px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.YDividerPL {
    width: calc(100% - 1rem);
    background: #EEEEEE;
    height: 1px;
    margin-left: 1rem;
}

.YDividerPR {
    width: calc(100% - 1rem);
    background: #EEEEEE;
    height: 1px;
    margin-right: 1rem;
}

.yActive {
    background: white;
}

.yActive:active {
    background: #DDDDDD;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}

.mui-content {
    height: 100% !important;
}

button, .mui-btn, .mui-btn-block {
    background: var(--YThemeColor);
    border: 1px solid var(--YThemeColor);
    color: white;
    border-radius: 5px;
}

button:active, .mui-btn:active, .mui-btn-block:active {
    background: var(--YThemeColor_pressed) !important;
}

.mui-control-item {
    color: gray !important;
}

#sliderSegmentedControl .mui-active {
    color: var(--YThemeColor) !important;
}

.mui-slider-progress-bar {
    background: var(--YThemeColor) !important;
}

.mui-popup-button {
    color: var(--YThemeColor);
}

.mui-popover a {
    color: var(--YThemeColor) !important;
}

.mui-bar-nav {
    background: var(--YThemeColor); /* nav条背景色 */
}

.mui-bar-nav .mui-title {
    color: #fff; /* nav条标题颜色 */
}

.mui-bar-nav .mui-icon {
    color: #fff; /* nav条按钮颜色 */
}

.mui-bar-tab {
    background-color: white; /* tab条背景色 */
}

.mui-bar-tab .mui-tab-item {
    color: #AAAAAA; /* tab项默认颜色 */
}

.mui-bar-tab .mui-tab-item.mui-active {
    color: #000000; /* tab项选中颜色 */
}

.mui-bar-tab .mui-tab-item .mui-icon-extra ~ .mui-tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mui-scroll {
    padding: 0;
    overflow: auto;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

li {
    margin: 0;
    padding: 0;
    list-style: none
}

.mui-slider {
    background: white;
}

/* ttf */
@font-face {
    font-family: "iconfont";
    src: url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont", serif !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
    content: "\e61a";
}

.icon-volumn-on:before {
    content: "\e54f";
}

.icon-volumn-off:before {
    content: "\e54b";
}

@font-face {
    font-family: MuiiconSpread;
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/mui-icons-extra.ttf') format('truetype');
}

.mui-icon-extra {
    font-family: MuiiconSpread, serif;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.mui-icon-extra-cold:before {
    content: "\e500";
}

.mui-icon-extra-share:before {
    content: "\e200";
}

.mui-icon-extra-class:before {
    content: "\e118";
}

.mui-icon-extra-custom:before {
    content: "\e117";
}

.mui-icon-extra-new:before {
    content: "\e103";
}

.mui-icon-extra-card:before {
    content: "\e104";
}

.mui-icon-extra-grech:before {
    content: "\e105";
}

.mui-icon-extra-trend:before {
    content: "\e106";
}

.mui-icon-extra-filter:before {
    content: "\e207";
}

.mui-icon-extra-holiday:before {
    content: "\e300";
}

.mui-icon-extra-cart:before {
    content: "\e107";
}

.mui-icon-extra-heart:before {
    content: "\e180";
}

.mui-icon-extra-computer:before {
    content: "\e600";
}

.mui-icon-extra-express:before {
    content: "\e108";
}

.mui-icon-extra-gift:before {
    content: "\e109";
}

.mui-icon-extra-gold:before {
    content: "\e102";
}

.mui-icon-extra-lamp:before {
    content: "\e601";
}

.mui-icon-extra-rank:before {
    content: "\e110";
}

.mui-icon-extra-notice:before {
    content: "\e111";
}

.mui-icon-extra-sweep:before {
    content: "\e202";
}

.mui-icon-extra-arrowleftcricle:before {
    content: "\e401";
}

.mui-icon-extra-dictionary:before {
    content: "\e602";
}

.mui-icon-extra-heart-filled:before {
    content: "\e119";
}

.mui-icon-extra-xiaoshuo:before {
    content: "\e607";
}

.mui-icon-extra-top:before {
    content: "\e403";
}

.mui-icon-extra-people:before {
    content: "\e203";
}

.mui-icon-extra-topic:before {
    content: "\e603";
}

.mui-icon-extra-hotel:before {
    content: "\e301";
}

.mui-icon-extra-like:before {
    content: "\e206";
}

.mui-icon-extra-regist:before {
    content: "\e201";
}

.mui-icon-extra-order:before {
    content: "\e113";
}

.mui-icon-extra-alipay:before {
    content: "\e114";
}

.mui-icon-extra-find:before {
    content: "\e400";
}

.mui-icon-extra-arrowrightcricle:before {
    content: "\e402";
}

.mui-icon-extra-calendar:before {
    content: "\e115";
}

.mui-icon-extra-prech:before {
    content: "\e116";
}

.mui-icon-extra-cate:before {
    content: "\e501";
}

.mui-icon-extra-comment:before {
    content: "\e209";
}

.mui-icon-extra-at:before {
    content: "\e208";
}

.mui-icon-extra-addpeople:before {
    content: "\e204";
}

.mui-icon-extra-peoples:before {
    content: "\e205";
}

.mui-icon-extra-calc:before {
    content: "\e101";
}

.mui-icon-extra-classroom:before {
    content: "\e604";
}

.mui-icon-extra-phone:before {
    content: "\e404";
}

.mui-icon-extra-university:before {
    content: "\e605";
}

.mui-icon-extra-outline:before {
    content: "\e606";
}
